﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<TogheterWeBuyIt.Models.HomeIndexModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Together We Buy It
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <script type="text/javascript">
    function radioChecked(isPassagem, isLivro, isOutros) {

        document.getElementById("radPassagem").checked = isPassagem && !isLivro && !isOutros;
        document.getElementById("radLivro").checked = !isPassagem && isLivro && !isOutros;
        document.getElementById("radOutros").checked = !isPassagem && !isLivro && isOutros;

        if (isPassagem) {
            document.getElementById("divShow").innerHTML = document.getElementById("divPassagem").innerHTML;
        } else if (isLivro) {
            document.getElementById("divShow").innerHTML = document.getElementById("divLivro").innerHTML;
        } else if (isOutros) {
            document.getElementById("divShow").innerHTML = document.getElementById("divOutros").innerHTML;
        }

    }
</script>
     <div id="bodytopmainPan"> 
        <div id="bodytopPan">
            <h2>Togheter we buy it!</h2>
            <p>Faça pedidos de promoções, junte-se a outros pedidos, aceite as ofertas, 
                aproveite tudo de bom no site que veio para aproximar as vontades dos dois 
                lados: empresas e consumidores.&nbsp; </p><br /><br />
            <h3 align="center">O que você deseja comprar?</h3> 
            <p align="center">
                <input type="radio" ID="radPassagem" Text="" onclick="radioChecked(true, false, false)" /> Passagem de avião? 
                <input type="radio" ID="radLivro" Text="" onclick="radioChecked(false, true, false)"  /> Livro? 
                <input type="radio" ID="radOutros" Text="" onclick="radioChecked(false, false, true)"  /> Outros? 
            </p>
            <div id="divShow"></div>
        
            <br />
            <br />
            <br />
        </div>
    </div>
     <div id="bodymainmiddlePan">
     <div id="bodymiddlePan"> 
        <div id="middleonePan"> 
          <ul class="block"> 
            <li>Top promoções ofertadas</li> 
          </ul>
          <ul>
            <%
                if (Model.TopPromotions != null)
                    foreach (var item in Model.TopPromotions)
                        {
                 %>
                    <li>
                         <%=Html.ActionLink(item.Descricao, "Details", "Promocao", new { id = item.Id }, null)%>
                    </li> 
                <% } %>
          </ul>
        </div> 
        <div id="middletwoPan"> 
          <ul class="block"> 
            <li>Top promoções desejadas</li>
          </ul> 
        <ul>
              <%
                  if (Model.TopProducts != null)
                    foreach (var item in Model.TopProducts)
                        {
                 %>
                    <li>                   
                        <%= Html.ActionLink(item.ToString(), "Details", "DesejaProduto", new { id = item.Id }, null)%>                    
                   </li> 
                <% } %>
         </ul>
        </div> 
        <div id="middlethreePan"> 
          <ul class="block"> 
            <li>Últimas promoções ofertadas</li> 
          </ul>     
          <ul>    
              <%
                if (Model.LastCreatedPromotions != null)
                    foreach (var item in Model.LastCreatedPromotions)
                        {
                 %>
                   <li>
                         <%=Html.ActionLink(item.Descricao, "Details", "Promocao", new { id = item.Id }, null)%>
                    </li>
                <% } %>  
           </ul> 
        </div> 
        <div id="middlefourPan"> 
          <ul class="block"> 
            <li>Últimas promoções desejadas</li> 
          </ul> 
          <ul>
              <%
                  if (Model.LastFilledProducts != null)
                      foreach (var item in Model.LastFilledProducts)
                      {
                 %>
                   <li>                   
                        <%= Html.ActionLink(item.ToString(), "Details", "DesejaProduto", new { id = item.Id }, null)%>                    
                   </li>

                <% } %>
          </ul>
        </div> 
      </div> 
    </div>
    <div id="divPassagem" style="visibility:hidden">
      <% using (Html.BeginForm())
         {%>
        <table width="35%" align="center">
            <tr>
                <td>Origem:</td>
                <td width="90%"><input type="text" name="TxbOrigem" value="Recife" /></td>
            </tr>
            <tr>
                <td>Destino:</td>
                <td><input type="text" name="TxbDestino" value="São Paulo" /></td>
            </tr>
            <tr>
                <td><input type="hidden" name="hPassagem" value="true" /></td>
                <td><input type="submit" value="Próximo Passo" /></td>
            </tr>
        </table>
      <% } %>
      </div>
      <div id="divLivro" style="visibility:hidden">
      <% using (Html.BeginForm())
         {%>
        <table width="35%" align="center">
            <tr>
                <td>Nome:</td>
                <td width="90%"><input type="text" name="TxbNome" value="" /></td>
            </tr>
            <tr>
                <td>Autor:</td>
                <td><input type="text" name="TxbAutor" value="" /></td>
            </tr>
            <tr>
                <td><input type="hidden" name="hLivro" value="true" /></td>
                <td><input type="submit" value="Próximo Passo" /></td>
            </tr>
        </table>
      <% } %>
    </div>
       <div id="divOutros" style="visibility:hidden">
      <% using (Html.BeginForm())
         {%>
        <table width="35%" align="center">
            <tr>
                <td>Nome:</td>
                <td width="90%"><input type="text" name="TxbNome" value="" /></td>
            </tr>
            <tr>
                <td><input type="hidden" name="hOutros" value="true" /></td>
                <td><input type="submit" value="Próximo Passo" /></td>
            </tr>
        </table>
      <% } %>
    </div>
</asp:Content>